<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header>
        <q>长饮用</q>
        <del>删除</del>
        我是头部
        <nav>我是头部导航</nav>

    </header>
    <main>
        我是主体
        <aside>
          <h2>我是侧边栏</h2>
          <p>我是一个段落</p>  
        </aside>
        <div>我是独立区块</div>
    </main>
    <footer>
        我是底部
    </footer>
</body>
</html>
<script>
    let obj = {
        age:200,
        fn(){
            setTimeout(()=>{
              console.log(this)
         },1000)
        }
    }
    obj.fn()
    // console.log(window.obj)

    // class Person{
    //     constructor(data){
    //         this.a = data.a 
    //         this.b = data.b
    //     }
    //     static names = '厉害了'
    //     static age = 12
    //     static run(){
    //         console.log('跑步')
    //     }
    //     eat(){
    //         console.log('吃',this.a)
    //     }
    // }
    // Person.run()
    // let p = new Person({a:1,b:2})
    // p.age=function(){
    //     console.log('年纪')
    // }
    // p.eat()
    // // console.log(p)
    // class Student extends Person{
    //     constructor(data){
    //         super(data)
    //     }
    //     cons(){
    //         console.log('-----',this.a)
    //     }
    // }
    // let s = new Student({a:21,b:2})
    // console.log(Student.names,'12312')
    // Student.run()
    // s.cons()
    // console.log(s) 
    // let arr1 = [1,111,1]
    // let set1 = new Set(arr1)
    // console.log(set1)

</script>